<template>
	<view>
		<view class="contentView flex-row-space-between">
			<view class="dsr" style="margin-left: 1rpx;">
				补充接待笔录
			</view>
			<image @click="isShowClick" style="width: 28rpx;height: 28rpx;margin-top: 40rpx;" src="/static/my/mine_blackdownarrow.png"></image>
		</view>
		<view v-if="isShow">
			<view class="contentView flex-row-space-between" style="margin-top: 20rpx;">
				<view class="name">
					委托人出示的资料
				</view>
				<input @input="textInput" :disabled="isEdit" v-model="infoDic.recordinformation" class="inputView" placeholder="请输入"/>
			</view>
			<view class="contentView flex-row-space-between" style="margin-top: 20rpx;">
				<view class="name">
					律师的初步意见
				</view>
				<input @input="textInput" :disabled="isEdit" v-model="infoDic.recordopinion" class="inputView" placeholder="请输入"/>
			</view>
			<view class="contentView flex-row-space-between" style="margin-top: 10rpx;">
				<view class="name2">
					律师的工作内容及思路
				</view>
				<view class=""></view>
			</view>
			<view style="margin-left: 24rpx;
			width: 696rpx;">
				<!-- <u-textarea class="textArea" @input="textInput" :disabled="isEdit" count maxlength="50" v-model="infoDic.recordjobdescription" placeholder="请输入内容" ></u-textarea> -->
				<u-textarea class="textArea" @input="textInput" :disabled="isEdit" v-model="infoDic.recordjobdescription" placeholder="请输入内容" maxlength="-1" height="140"></u-textarea>
			</view>
			<view class="contentView flex-row-space-between" style="margin-top: 20rpx;">
				<view class="name">
					委托人的最后意见
				</view>
				<input @input="textInput" :disabled="isEdit" v-model="infoDic.recordfinalcomments" class="inputView" placeholder="请输入"/>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"buChongBiLu",
		props: {
			//当前组件内容信息
			infoDic: {
				type: Object,
				default: function() {
					return {
						recordinformation: '',
						recordopinion: '',
						recordjobdescription:'',
						recordfinalcomments:''
					};
				}
			},
			//当前组件是否可编辑
			isEdit: {
				type: Boolean,
				default: false,
			},
		},
		data() {
			return {
				isShow:false
			};
		},
		methods:{
			isShowClick(){
				this.isShow = !this.isShow
			},
			textInput(){
				console.log('this.infoDic----',this.infoDic)
				this.$emit('buChongBiLuInfoCallBack', this.infoDic)
			},
		}
	}
</script>


<style>
	.inputView{
		width: 440rpx;
		margin-left: 12rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
		text-align: right;
	}
	.name{
		width: 250rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
	}
	.name2{
		width: 450rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
	}
	.contentView{
		padding-left: 24rpx;
		padding-right: 24rpx;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
	}
	.dsr{
		margin-left: 24rpx;
		margin-top: 40rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: bold;
		font-size: 32rpx;
		color: #333333;
	}
</style>